<template>
  <div>
      <TypeNav></TypeNav>
      <ListContainer></ListContainer>
      <Recommend></Recommend>
      <Rank></Rank>
      <Like></Like>
      <Floor v-for="floor in floorList" :key="floor.id" :floor="floor"></Floor>
      <Brand></Brand>
     
  </div>
</template>

<script>
import ListContainer from './Children/ListContainer';
import Recommend from './Children/Recommend';
import Like from './Children/Like';
import Floor from './Children/Floor';
import Brand from './Children/Brand';
import Rank from './Children/Rank';
import {mapState} from 'vuex';


export default {
    name: 'Home',
    data() {
      return {
        
      };
    },
    components: {
      ListContainer,
      Recommend,
      Rank,
      Like,
      Floor,
      Brand,
    },
    mounted() {
      this.$store.dispatch('getFloorList');
    },
    computed: {
      ...mapState({
        floorList: state => state.home.floorList
      })
    }

}
</script>

<style>

</style>